import { isAuth } from "../../utils"
import { Navigate } from "react-router-dom"
export const AuthRoute = (props) => {
  const { children } = props
  // 拿到判断是否登录的变量
  const isLoggedIn = isAuth()
  return isLoggedIn ? (
    // 如果是登录用户，则可以访问我们传入的 children 组件
    <>{children}</>
  ) : (
    // 未登录用户重定向到 login 页面
    <Navigate to="/login" />
  )
}
